<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style  type="text/css">
			div{
				margin: 0 auto;
				margin-top: 100px;
				border:1px solid red;
				width: 210px;
				
			}
			img{
				
			}
			div:hover{
				cursor: pointer;
				/* transform: translate(20px,5px); */
				/* transform: scale(2,1.4); */
				/* transform: skew(30deg); */
				/* transform: rotateX(-80deg); */
				/* transform: rotateZ(50deg); */
			/* 	transform:rotateX(30deg);
				transform:rotateY(30deg);
				transform:rotateZ(30deg); */
				transition: all 5s linear 0s;
				transform: rotate(180deg);
				
			}
		</style>
	</head>
	<body>
		<div>
			<img src="../images/jixue.jpg" height="200px" width="200px"/>
		</div>
	</body>
</html>
